<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 解构赋值的用法等基础知识就不做讲解了，你都看面试题了，别跟我说这东西你没听说过

        // 解构赋值有一个最常用的场景就是，后端返回给了你一个很大有很多属性的对象，但是其实你只需要用到一两个属性，这个时候解构赋值的作用就体现出来了

        let obj = {
            name: 'hzj',
            age: 18,
            sex: 'male',
            hobby: ['抽烟', '喝酒', '烫头'],
            music: ['摇滚', 'Hip-hop', 'R&B']
        }

            // 假设对于上面这个对象，你只需要拿到一个名字属性，那你就可以这么做
            function getName(obj) {
                const { name } = obj;
                console.log(name);
            }
            getName(obj);

            // 数组也是一样的
            const arr = [1,2,3,4,5,5,6,77,8,8,9,9,0];
            function getNum(arr){
                //这样就可以拿到第三个数字了
                const [,,num] = arr;
                console.log(num);
            }
            getNum(arr);
    </script>
</body>

</html>